
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 15:53:59 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="flavio1110">
        <span class="simulation-information-label">Description: </span>
        <span>flavio1110</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68413</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692806039000,3],[1692806040000,2],[1692806041000,2],[1692806042000,2],[1692806043000,2],[1692806044000,2],[1692806045000,2],[1692806046000,2],[1692806047000,2],[1692806048000,2],[1692806049000,2],[1692806050000,2],[1692806051000,2],[1692806052000,2],[1692806053000,2],[1692806054000,2],[1692806055000,2],[1692806056000,2],[1692806057000,2],[1692806058000,2],[1692806059000,2],[1692806060000,2],[1692806061000,2],[1692806062000,2],[1692806063000,2],[1692806064000,6],[1692806065000,6],[1692806066000,6],[1692806067000,7],[1692806068000,7],[1692806069000,7],[1692806070000,7],[1692806071000,8],[1692806072000,7],[1692806073000,8],[1692806074000,8],[1692806075000,8],[1692806076000,8],[1692806077000,9],[1692806078000,9],[1692806079000,9],[1692806080000,9],[1692806081000,9],[1692806082000,10],[1692806083000,9],[1692806084000,10],[1692806085000,10],[1692806086000,10],[1692806087000,11],[1692806088000,11],[1692806089000,10],[1692806090000,11],[1692806091000,12],[1692806092000,11],[1692806093000,12],[1692806094000,11],[1692806095000,12],[1692806096000,12],[1692806097000,13],[1692806098000,12],[1692806099000,13],[1692806100000,13],[1692806101000,13],[1692806102000,13],[1692806103000,14],[1692806104000,13],[1692806105000,14],[1692806106000,14],[1692806107000,14],[1692806108000,15],[1692806109000,14],[1692806110000,15],[1692806111000,15],[1692806112000,15],[1692806113000,16],[1692806114000,15],[1692806115000,16],[1692806116000,16],[1692806117000,16],[1692806118000,16],[1692806119000,17],[1692806120000,16],[1692806121000,17],[1692806122000,17],[1692806123000,18],[1692806124000,17],[1692806125000,18],[1692806126000,17],[1692806127000,18],[1692806128000,19],[1692806129000,18],[1692806130000,18],[1692806131000,19],[1692806132000,19],[1692806133000,19],[1692806134000,20],[1692806135000,19],[1692806136000,20],[1692806137000,20],[1692806138000,20],[1692806139000,20],[1692806140000,20],[1692806141000,21],[1692806142000,21],[1692806143000,21],[1692806144000,21],[1692806145000,22],[1692806146000,21],[1692806147000,22],[1692806148000,22],[1692806149000,22],[1692806150000,22],[1692806151000,23],[1692806152000,23],[1692806153000,23],[1692806154000,23],[1692806155000,23],[1692806156000,23],[1692806157000,24],[1692806158000,24],[1692806159000,24],[1692806160000,24],[1692806161000,25],[1692806162000,24],[1692806163000,25],[1692806164000,25],[1692806165000,25],[1692806166000,26],[1692806167000,27],[1692806168000,26],[1692806169000,26],[1692806170000,26],[1692806171000,27],[1692806172000,26],[1692806173000,27],[1692806174000,27],[1692806175000,27],[1692806176000,27],[1692806177000,28],[1692806178000,28],[1692806179000,27],[1692806180000,28],[1692806181000,29],[1692806182000,28],[1692806183000,29],[1692806184000,28],[1692806185000,29],[1692806186000,29],[1692806187000,30],[1692806188000,29],[1692806189000,30],[1692806190000,30],[1692806191000,30],[1692806192000,30],[1692806193000,31],[1692806194000,30],[1692806195000,31],[1692806196000,31],[1692806197000,31],[1692806198000,32],[1692806199000,31],[1692806200000,32],[1692806201000,32],[1692806202000,32],[1692806203000,33],[1692806204000,32],[1692806205000,33],[1692806206000,33],[1692806207000,33],[1692806208000,33],[1692806209000,34],[1692806210000,33],[1692806211000,34],[1692806212000,34],[1692806213000,35],[1692806214000,34],[1692806215000,35],[1692806216000,34],[1692806217000,35],[1692806218000,36],[1692806219000,35],[1692806220000,35],[1692806221000,36],[1692806222000,36],[1692806223000,36],[1692806224000,37],[1692806225000,36],[1692806226000,37],[1692806227000,37],[1692806228000,37],[1692806229000,37],[1692806230000,37],[1692806231000,38],[1692806232000,38],[1692806233000,38],[1692806234000,38],[1692806235000,39],[1692806236000,38],[1692806237000,39],[1692806238000,39],[1692806239000,39],[1692806240000,39],[1692806241000,40],[1692806242000,40],[1692806243000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692806039000,3],[1692806040000,2],[1692806041000,2],[1692806042000,2],[1692806043000,2],[1692806044000,2],[1692806045000,2],[1692806046000,2],[1692806047000,2],[1692806048000,2],[1692806049000,2],[1692806050000,2],[1692806051000,2],[1692806052000,2],[1692806053000,2],[1692806054000,2],[1692806055000,2],[1692806056000,2],[1692806057000,2],[1692806058000,2],[1692806059000,2],[1692806060000,2],[1692806061000,2],[1692806062000,2],[1692806063000,2],[1692806064000,6],[1692806065000,7],[1692806066000,7],[1692806067000,8],[1692806068000,8],[1692806069000,9],[1692806070000,9],[1692806071000,10],[1692806072000,11],[1692806073000,11],[1692806074000,11],[1692806075000,12],[1692806076000,13],[1692806077000,13],[1692806078000,13],[1692806079000,14],[1692806080000,15],[1692806081000,15],[1692806082000,16],[1692806083000,16],[1692806084000,17],[1692806085000,17],[1692806086000,18],[1692806087000,18],[1692806088000,19],[1692806089000,19],[1692806090000,20],[1692806091000,20],[1692806092000,21],[1692806093000,22],[1692806094000,21],[1692806095000,23],[1692806096000,23],[1692806097000,23],[1692806098000,24],[1692806099000,25],[1692806100000,26],[1692806101000,27],[1692806102000,25],[1692806103000,27],[1692806104000,27],[1692806105000,28],[1692806106000,28],[1692806107000,29],[1692806108000,29],[1692806109000,30],[1692806110000,30],[1692806111000,31],[1692806112000,31],[1692806113000,32],[1692806114000,33],[1692806115000,33],[1692806116000,33],[1692806117000,34],[1692806118000,34],[1692806119000,35],[1692806120000,36],[1692806121000,36],[1692806122000,36],[1692806123000,38],[1692806124000,37],[1692806125000,38],[1692806126000,39],[1692806127000,39],[1692806128000,40],[1692806129000,40],[1692806130000,41],[1692806131000,41],[1692806132000,42],[1692806133000,42],[1692806134000,43],[1692806135000,43],[1692806136000,44],[1692806137000,44],[1692806138000,45],[1692806139000,46],[1692806140000,46],[1692806141000,46],[1692806142000,47],[1692806143000,48],[1692806144000,48],[1692806145000,48],[1692806146000,49],[1692806147000,50],[1692806148000,50],[1692806149000,51],[1692806150000,52],[1692806151000,53],[1692806152000,53],[1692806153000,53],[1692806154000,53],[1692806155000,54],[1692806156000,54],[1692806157000,55],[1692806158000,55],[1692806159000,56],[1692806160000,56],[1692806161000,57],[1692806162000,58],[1692806163000,58],[1692806164000,58],[1692806165000,59],[1692806166000,60],[1692806167000,60],[1692806168000,60],[1692806169000,61],[1692806170000,62],[1692806171000,62],[1692806172000,63],[1692806173000,63],[1692806174000,64],[1692806175000,64],[1692806176000,65],[1692806177000,65],[1692806178000,66],[1692806179000,66],[1692806180000,67],[1692806181000,67],[1692806182000,68],[1692806183000,69],[1692806184000,68],[1692806185000,70],[1692806186000,70],[1692806187000,70],[1692806188000,71],[1692806189000,72],[1692806190000,72],[1692806191000,73],[1692806192000,73],[1692806193000,73],[1692806194000,74],[1692806195000,75],[1692806196000,75],[1692806197000,76],[1692806198000,77],[1692806199000,77],[1692806200000,77],[1692806201000,79],[1692806202000,78],[1692806203000,79],[1692806204000,80],[1692806205000,80],[1692806206000,80],[1692806207000,81],[1692806208000,81],[1692806209000,82],[1692806210000,83],[1692806211000,83],[1692806212000,83],[1692806213000,85],[1692806214000,84],[1692806215000,85],[1692806216000,86],[1692806217000,86],[1692806218000,87],[1692806219000,87],[1692806220000,88],[1692806221000,88],[1692806222000,89],[1692806223000,89],[1692806224000,90],[1692806225000,90],[1692806226000,91],[1692806227000,91],[1692806228000,92],[1692806229000,93],[1692806230000,93],[1692806231000,93],[1692806232000,94],[1692806233000,95],[1692806234000,95],[1692806235000,95],[1692806236000,96],[1692806237000,97],[1692806238000,97],[1692806239000,98],[1692806240000,98],[1692806241000,99],[1692806242000,99],[1692806243000,96]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692806039000,3],[1692806040000,2],[1692806041000,3],[1692806042000,2],[1692806043000,2],[1692806044000,3],[1692806045000,2],[1692806046000,2],[1692806047000,2],[1692806048000,1],[1692806049000,2],[1692806050000,5],[1692806051000,5],[1692806052000,7],[1692806053000,6],[1692806054000,7],[1692806055000,8],[1692806056000,3],[1692806057000,5],[1692806058000,4],[1692806059000,3],[1692806060000,1],[1692806061000,3],[1692806062000,6],[1692806063000,10],[1692806064000,7],[1692806065000,11],[1692806066000,14],[1692806067000,18],[1692806068000,21],[1692806069000,25],[1692806070000,28],[1692806071000,31],[1692806072000,35],[1692806073000,39],[1692806074000,41],[1692806075000,44],[1692806076000,48],[1692806077000,52],[1692806078000,55],[1692806079000,58],[1692806080000,62],[1692806081000,65],[1692806082000,69],[1692806083000,71],[1692806084000,74],[1692806085000,79],[1692806086000,81],[1692806087000,86],[1692806088000,88],[1692806089000,92],[1692806090000,94],[1692806091000,99],[1692806092000,102],[1692806093000,105],[1692806094000,108],[1692806095000,112],[1692806096000,116],[1692806097000,120],[1692806098000,121],[1692806099000,125],[1692806100000,128],[1692806101000,133],[1692806102000,135],[1692806103000,139],[1692806104000,141],[1692806105000,145],[1692806106000,149],[1692806107000,152],[1692806108000,156],[1692806109000,159],[1692806110000,162],[1692806111000,166],[1692806112000,169],[1692806113000,172],[1692806114000,173],[1692806115000,178],[1692806116000,182],[1692806117000,187],[1692806118000,189],[1692806119000,191],[1692806120000,193],[1692806121000,201],[1692806122000,202],[1692806123000,206],[1692806124000,207],[1692806125000,213],[1692806126000,217],[1692806127000,220],[1692806128000,223],[1692806129000,225],[1692806130000,227],[1692806131000,233],[1692806132000,237],[1692806133000,239],[1692806134000,242],[1692806135000,245],[1692806136000,249],[1692806137000,253],[1692806138000,256],[1692806139000,259],[1692806140000,263],[1692806141000,268],[1692806142000,270],[1692806143000,273],[1692806144000,276],[1692806145000,280],[1692806146000,281],[1692806147000,288],[1692806148000,288],[1692806149000,292],[1692806150000,296],[1692806151000,299],[1692806152000,304],[1692806153000,309],[1692806154000,310],[1692806155000,313],[1692806156000,315],[1692806157000,321],[1692806158000,322],[1692806159000,327],[1692806160000,327],[1692806161000,334],[1692806162000,338],[1692806163000,340],[1692806164000,342],[1692806165000,348],[1692806166000,349],[1692806167000,353],[1692806168000,358],[1692806169000,358],[1692806170000,364],[1692806171000,365],[1692806172000,369],[1692806173000,374],[1692806174000,374],[1692806175000,381],[1692806176000,384],[1692806177000,387],[1692806178000,389],[1692806179000,393],[1692806180000,397],[1692806181000,400],[1692806182000,404],[1692806183000,407],[1692806184000,410],[1692806185000,414],[1692806186000,419],[1692806187000,422],[1692806188000,423],[1692806189000,427],[1692806190000,429],[1692806191000,433],[1692806192000,433],[1692806193000,443],[1692806194000,446],[1692806195000,449],[1692806196000,447],[1692806197000,455],[1692806198000,456],[1692806199000,462],[1692806200000,462],[1692806201000,471],[1692806202000,469],[1692806203000,476],[1692806204000,478],[1692806205000,481],[1692806206000,484],[1692806207000,487],[1692806208000,488],[1692806209000,492],[1692806210000,497],[1692806211000,501],[1692806212000,502],[1692806213000,508],[1692806214000,509],[1692806215000,512],[1692806216000,519],[1692806217000,522],[1692806218000,526],[1692806219000,527],[1692806220000,529],[1692806221000,533],[1692806222000,541],[1692806223000,542],[1692806224000,544],[1692806225000,547],[1692806226000,552],[1692806227000,554],[1692806228000,559],[1692806229000,561],[1692806230000,564],[1692806231000,568],[1692806232000,574],[1692806233000,576],[1692806234000,574],[1692806235000,579],[1692806236000,585],[1692806237000,587],[1692806238000,591],[1692806239000,594],[1692806240000,595],[1692806241000,600],[1692806242000,605],[1692806243000,586]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '10', '11', '13', '14', '16', '17', '18', '25'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  80.37,19.45,0.08,0.02,0.01,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692806039,null],[1692806040,null],[1692806041,null],[1692806042,null],[1692806043,null],[1692806044,null],[1692806045,null],[1692806046,null],[1692806047,null],[1692806048,null],[1692806049,null],[1692806050,null],[1692806051,null],[1692806052,null],[1692806053,null],[1692806054,null],[1692806055,null],[1692806056,null],[1692806057,null],[1692806058,null],[1692806059,null],[1692806060,null],[1692806061,null],[1692806062,null],[1692806063,null],[1692806064,null],[1692806065,null],[1692806066,null],[1692806067,null],[1692806068,null],[1692806069,null],[1692806070,null],[1692806071,null],[1692806072,null],[1692806073,null],[1692806074,null],[1692806075,null],[1692806076,null],[1692806077,null],[1692806078,null],[1692806079,null],[1692806080,null],[1692806081,null],[1692806082,null],[1692806083,null],[1692806084,null],[1692806085,null],[1692806086,null],[1692806087,null],[1692806088,null],[1692806089,null],[1692806090,null],[1692806091,null],[1692806092,null],[1692806093,null],[1692806094,null],[1692806095,null],[1692806096,null],[1692806097,null],[1692806098,null],[1692806099,null],[1692806100,null],[1692806101,null],[1692806102,null],[1692806103,null],[1692806104,null],[1692806105,null],[1692806106,null],[1692806107,null],[1692806108,null],[1692806109,null],[1692806110,null],[1692806111,null],[1692806112,null],[1692806113,null],[1692806114,null],[1692806115,null],[1692806116,null],[1692806117,null],[1692806118,null],[1692806119,null],[1692806120,null],[1692806121,null],[1692806122,null],[1692806123,null],[1692806124,null],[1692806125,null],[1692806126,null],[1692806127,null],[1692806128,null],[1692806129,null],[1692806130,null],[1692806131,null],[1692806132,null],[1692806133,null],[1692806134,null],[1692806135,null],[1692806136,null],[1692806137,null],[1692806138,null],[1692806139,null],[1692806140,null],[1692806141,null],[1692806142,null],[1692806143,null],[1692806144,null],[1692806145,null],[1692806146,null],[1692806147,null],[1692806148,null],[1692806149,null],[1692806150,null],[1692806151,null],[1692806152,null],[1692806153,null],[1692806154,null],[1692806155,null],[1692806156,null],[1692806157,null],[1692806158,null],[1692806159,null],[1692806160,null],[1692806161,null],[1692806162,null],[1692806163,null],[1692806164,null],[1692806165,null],[1692806166,null],[1692806167,null],[1692806168,null],[1692806169,null],[1692806170,null],[1692806171,null],[1692806172,null],[1692806173,null],[1692806174,null],[1692806175,null],[1692806176,null],[1692806177,null],[1692806178,null],[1692806179,null],[1692806180,null],[1692806181,null],[1692806182,null],[1692806183,null],[1692806184,null],[1692806185,null],[1692806186,null],[1692806187,null],[1692806188,null],[1692806189,null],[1692806190,null],[1692806191,null],[1692806192,null],[1692806193,null],[1692806194,null],[1692806195,null],[1692806196,null],[1692806197,null],[1692806198,null],[1692806199,null],[1692806200,null],[1692806201,null],[1692806202,null],[1692806203,null],[1692806204,null],[1692806205,null],[1692806206,null],[1692806207,null],[1692806208,null],[1692806209,null],[1692806210,null],[1692806211,null],[1692806212,null],[1692806213,null],[1692806214,null],[1692806215,null],[1692806216,null],[1692806217,null],[1692806218,null],[1692806219,null],[1692806220,null],[1692806221,null],[1692806222,null],[1692806223,null],[1692806224,null],[1692806225,null],[1692806226,null],[1692806227,null],[1692806228,null],[1692806229,null],[1692806230,null],[1692806231,null],[1692806232,null],[1692806233,null],[1692806234,null],[1692806235,null],[1692806236,null],[1692806237,null],[1692806238,null],[1692806239,null],[1692806240,null],[1692806241,null],[1692806242,null],[1692806243,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692806039,[6,0,6]],[1692806040,[6,0,6]],[1692806041,[6,0,6]],[1692806042,[6,0,6]],[1692806043,[6,0,6]],[1692806044,[6,0,6]],[1692806045,[6,0,6]],[1692806046,[6,0,6]],[1692806047,[6,0,6]],[1692806048,[6,0,6]],[1692806049,[5,0,5]],[1692806050,[7,0,7]],[1692806051,[10,0,10]],[1692806052,[9,0,9]],[1692806053,[9,0,9]],[1692806054,[10,0,10]],[1692806055,[12,0,12]],[1692806056,[11,0,11]],[1692806057,[7,0,7]],[1692806058,[10,0,10]],[1692806059,[8,0,8]],[1692806060,[5,0,5]],[1692806061,[5,0,5]],[1692806062,[8,0,8]],[1692806063,[12,0,12]],[1692806064,[17,0,17]],[1692806065,[21,0,21]],[1692806066,[26,0,26]],[1692806067,[30,0,30]],[1692806068,[35,0,35]],[1692806069,[37,0,37]],[1692806070,[42,0,42]],[1692806071,[47,0,47]],[1692806072,[50,0,50]],[1692806073,[55,0,55]],[1692806074,[58,0,58]],[1692806075,[62,0,62]],[1692806076,[66,0,66]],[1692806077,[70,0,70]],[1692806078,[74,0,74]],[1692806079,[79,0,79]],[1692806080,[83,0,83]],[1692806081,[86,0,86]],[1692806082,[90,0,90]],[1692806083,[95,0,95]],[1692806084,[99,0,99]],[1692806085,[102,0,102]],[1692806086,[105,0,105]],[1692806087,[111,0,111]],[1692806088,[115,0,115]],[1692806089,[119,0,119]],[1692806090,[120,0,120]],[1692806091,[128,0,128]],[1692806092,[130,0,130]],[1692806093,[135,0,135]],[1692806094,[138,0,138]],[1692806095,[143,0,143]],[1692806096,[146,0,146]],[1692806097,[150,0,150]],[1692806098,[155,0,155]],[1692806099,[159,0,159]],[1692806100,[162,0,162]],[1692806101,[166,0,166]],[1692806102,[171,0,171]],[1692806103,[175,0,175]],[1692806104,[178,0,178]],[1692806105,[183,0,183]],[1692806106,[187,0,187]],[1692806107,[190,0,190]],[1692806108,[196,0,196]],[1692806109,[198,0,198]],[1692806110,[203,0,203]],[1692806111,[206,0,206]],[1692806112,[211,0,211]],[1692806113,[215,0,215]],[1692806114,[219,0,219]],[1692806115,[222,0,222]],[1692806116,[227,0,227]],[1692806117,[231,0,231]],[1692806118,[235,0,235]],[1692806119,[238,0,238]],[1692806120,[243,0,243]],[1692806121,[247,0,247]],[1692806122,[250,0,250]],[1692806123,[256,0,256]],[1692806124,[259,0,259]],[1692806125,[262,0,262]],[1692806126,[266,0,266]],[1692806127,[271,0,271]],[1692806128,[276,0,276]],[1692806129,[279,0,279]],[1692806130,[283,0,283]],[1692806131,[287,0,287]],[1692806132,[290,0,290]],[1692806133,[295,0,295]],[1692806134,[299,0,299]],[1692806135,[304,0,304]],[1692806136,[305,0,305]],[1692806137,[311,0,311]],[1692806138,[316,0,316]],[1692806139,[318,0,318]],[1692806140,[323,0,323]],[1692806141,[327,0,327]],[1692806142,[332,0,332]],[1692806143,[335,0,335]],[1692806144,[339,0,339]],[1692806145,[342,0,342]],[1692806146,[348,0,348]],[1692806147,[350,0,350]],[1692806148,[356,0,356]],[1692806149,[359,0,359]],[1692806150,[363,0,363]],[1692806151,[367,0,367]],[1692806152,[372,0,372]],[1692806153,[376,0,376]],[1692806154,[379,0,379]],[1692806155,[383,0,383]],[1692806156,[387,0,387]],[1692806157,[390,0,390]],[1692806158,[395,0,395]],[1692806159,[400,0,400]],[1692806160,[403,0,403]],[1692806161,[407,0,407]],[1692806162,[411,0,411]],[1692806163,[416,0,416]],[1692806164,[420,0,420]],[1692806165,[422,0,422]],[1692806166,[428,0,428]],[1692806167,[430,0,430]],[1692806168,[435,0,435]],[1692806169,[440,0,440]],[1692806170,[444,0,444]],[1692806171,[447,0,447]],[1692806172,[451,0,451]],[1692806173,[455,0,455]],[1692806174,[461,0,461]],[1692806175,[463,0,463]],[1692806176,[466,0,466]],[1692806177,[472,0,472]],[1692806178,[477,0,477]],[1692806179,[479,0,479]],[1692806180,[482,0,482]],[1692806181,[488,0,488]],[1692806182,[492,0,492]],[1692806183,[496,0,496]],[1692806184,[499,0,499]],[1692806185,[502,0,502]],[1692806186,[508,0,508]],[1692806187,[511,0,511]],[1692806188,[517,0,517]],[1692806189,[519,0,519]],[1692806190,[524,0,524]],[1692806191,[528,0,528]],[1692806192,[532,0,532]],[1692806193,[535,0,535]],[1692806194,[539,0,539]],[1692806195,[543,0,543]],[1692806196,[548,0,548]],[1692806197,[551,0,551]],[1692806198,[557,0,557]],[1692806199,[559,0,559]],[1692806200,[564,0,564]],[1692806201,[567,0,567]],[1692806202,[572,0,572]],[1692806203,[576,0,576]],[1692806204,[580,0,580]],[1692806205,[583,0,583]],[1692806206,[588,0,588]],[1692806207,[592,0,592]],[1692806208,[595,0,595]],[1692806209,[601,0,601]],[1692806210,[602,0,602]],[1692806211,[608,0,608]],[1692806212,[612,0,612]],[1692806213,[616,0,616]],[1692806214,[619,0,619]],[1692806215,[625,0,625]],[1692806216,[628,0,628]],[1692806217,[631,0,631]],[1692806218,[636,0,636]],[1692806219,[641,0,641]],[1692806220,[643,0,643]],[1692806221,[648,0,648]],[1692806222,[652,0,652]],[1692806223,[656,0,656]],[1692806224,[660,0,660]],[1692806225,[664,0,664]],[1692806226,[667,0,667]],[1692806227,[672,0,672]],[1692806228,[677,0,677]],[1692806229,[680,0,680]],[1692806230,[683,0,683]],[1692806231,[689,0,689]],[1692806232,[691,0,691]],[1692806233,[698,0,698]],[1692806234,[700,0,700]],[1692806235,[703,0,703]],[1692806236,[707,0,707]],[1692806237,[712,0,712]],[1692806238,[717,0,717]],[1692806239,[720,0,720]],[1692806240,[724,0,724]],[1692806241,[728,0,728]],[1692806242,[734,0,734]],[1692806243,[1076,0,1076]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692806039,[6,0,6]],[1692806040,[6,0,6]],[1692806041,[6,0,6]],[1692806042,[6,0,6]],[1692806043,[6,0,6]],[1692806044,[6,0,6]],[1692806045,[6,0,6]],[1692806046,[6,0,6]],[1692806047,[6,0,6]],[1692806048,[6,0,6]],[1692806049,[5,0,5]],[1692806050,[7,0,7]],[1692806051,[10,0,10]],[1692806052,[9,0,9]],[1692806053,[9,0,9]],[1692806054,[10,0,10]],[1692806055,[12,0,12]],[1692806056,[11,0,11]],[1692806057,[7,0,7]],[1692806058,[10,0,10]],[1692806059,[8,0,8]],[1692806060,[5,0,5]],[1692806061,[5,0,5]],[1692806062,[8,0,8]],[1692806063,[12,0,12]],[1692806064,[17,0,17]],[1692806065,[21,0,21]],[1692806066,[26,0,26]],[1692806067,[30,0,30]],[1692806068,[35,0,35]],[1692806069,[37,0,37]],[1692806070,[42,0,42]],[1692806071,[47,0,47]],[1692806072,[50,0,50]],[1692806073,[55,0,55]],[1692806074,[58,0,58]],[1692806075,[62,0,62]],[1692806076,[66,0,66]],[1692806077,[70,0,70]],[1692806078,[74,0,74]],[1692806079,[79,0,79]],[1692806080,[83,0,83]],[1692806081,[86,0,86]],[1692806082,[90,0,90]],[1692806083,[95,0,95]],[1692806084,[99,0,99]],[1692806085,[102,0,102]],[1692806086,[105,0,105]],[1692806087,[111,0,111]],[1692806088,[115,0,115]],[1692806089,[119,0,119]],[1692806090,[120,0,120]],[1692806091,[128,0,128]],[1692806092,[130,0,130]],[1692806093,[135,0,135]],[1692806094,[138,0,138]],[1692806095,[143,0,143]],[1692806096,[146,0,146]],[1692806097,[150,0,150]],[1692806098,[155,0,155]],[1692806099,[159,0,159]],[1692806100,[162,0,162]],[1692806101,[166,0,166]],[1692806102,[171,0,171]],[1692806103,[175,0,175]],[1692806104,[178,0,178]],[1692806105,[183,0,183]],[1692806106,[187,0,187]],[1692806107,[190,0,190]],[1692806108,[196,0,196]],[1692806109,[198,0,198]],[1692806110,[203,0,203]],[1692806111,[206,0,206]],[1692806112,[211,0,211]],[1692806113,[215,0,215]],[1692806114,[219,0,219]],[1692806115,[222,0,222]],[1692806116,[227,0,227]],[1692806117,[231,0,231]],[1692806118,[235,0,235]],[1692806119,[238,0,238]],[1692806120,[242,0,242]],[1692806121,[248,0,248]],[1692806122,[250,0,250]],[1692806123,[256,0,256]],[1692806124,[259,0,259]],[1692806125,[262,0,262]],[1692806126,[266,0,266]],[1692806127,[271,0,271]],[1692806128,[276,0,276]],[1692806129,[279,0,279]],[1692806130,[282,0,282]],[1692806131,[287,0,287]],[1692806132,[291,0,291]],[1692806133,[295,0,295]],[1692806134,[299,0,299]],[1692806135,[303,0,303]],[1692806136,[306,0,306]],[1692806137,[311,0,311]],[1692806138,[316,0,316]],[1692806139,[318,0,318]],[1692806140,[323,0,323]],[1692806141,[327,0,327]],[1692806142,[332,0,332]],[1692806143,[335,0,335]],[1692806144,[339,0,339]],[1692806145,[342,0,342]],[1692806146,[348,0,348]],[1692806147,[350,0,350]],[1692806148,[356,0,356]],[1692806149,[359,0,359]],[1692806150,[363,0,363]],[1692806151,[367,0,367]],[1692806152,[372,0,372]],[1692806153,[376,0,376]],[1692806154,[379,0,379]],[1692806155,[382,0,382]],[1692806156,[388,0,388]],[1692806157,[390,0,390]],[1692806158,[395,0,395]],[1692806159,[400,0,400]],[1692806160,[403,0,403]],[1692806161,[407,0,407]],[1692806162,[411,0,411]],[1692806163,[416,0,416]],[1692806164,[420,0,420]],[1692806165,[422,0,422]],[1692806166,[428,0,428]],[1692806167,[430,0,430]],[1692806168,[435,0,435]],[1692806169,[439,0,439]],[1692806170,[445,0,445]],[1692806171,[447,0,447]],[1692806172,[451,0,451]],[1692806173,[455,0,455]],[1692806174,[461,0,461]],[1692806175,[463,0,463]],[1692806176,[466,0,466]],[1692806177,[472,0,472]],[1692806178,[477,0,477]],[1692806179,[479,0,479]],[1692806180,[482,0,482]],[1692806181,[487,0,487]],[1692806182,[493,0,493]],[1692806183,[496,0,496]],[1692806184,[499,0,499]],[1692806185,[502,0,502]],[1692806186,[508,0,508]],[1692806187,[511,0,511]],[1692806188,[517,0,517]],[1692806189,[519,0,519]],[1692806190,[524,0,524]],[1692806191,[528,0,528]],[1692806192,[531,0,531]],[1692806193,[536,0,536]],[1692806194,[539,0,539]],[1692806195,[543,0,543]],[1692806196,[548,0,548]],[1692806197,[551,0,551]],[1692806198,[557,0,557]],[1692806199,[559,0,559]],[1692806200,[564,0,564]],[1692806201,[567,0,567]],[1692806202,[572,0,572]],[1692806203,[575,0,575]],[1692806204,[580,0,580]],[1692806205,[584,0,584]],[1692806206,[588,0,588]],[1692806207,[592,0,592]],[1692806208,[595,0,595]],[1692806209,[601,0,601]],[1692806210,[602,0,602]],[1692806211,[608,0,608]],[1692806212,[612,0,612]],[1692806213,[616,0,616]],[1692806214,[619,0,619]],[1692806215,[624,0,624]],[1692806216,[629,0,629]],[1692806217,[631,0,631]],[1692806218,[636,0,636]],[1692806219,[641,0,641]],[1692806220,[643,0,643]],[1692806221,[648,0,648]],[1692806222,[652,0,652]],[1692806223,[656,0,656]],[1692806224,[660,0,660]],[1692806225,[664,0,664]],[1692806226,[667,0,667]],[1692806227,[672,0,672]],[1692806228,[677,0,677]],[1692806229,[680,0,680]],[1692806230,[683,0,683]],[1692806231,[688,0,688]],[1692806232,[692,0,692]],[1692806233,[698,0,698]],[1692806234,[700,0,700]],[1692806235,[703,0,703]],[1692806236,[707,0,707]],[1692806237,[712,0,712]],[1692806238,[717,0,717]],[1692806239,[720,0,720]],[1692806240,[724,0,724]],[1692806241,[728,0,728]],[1692806242,[734,0,734]],[1692806243,[1076,0,1076]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68413.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
